From ea2220803453205b0929d502342ccf88d8881a1d Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 17:55:07 -0800
Subject: refactor(routes): schedule and profile ui

---
 src/routes/user/[user]/+page.svelte | 54 ++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

(limited to 'src/routes/user/[user]/+page.svelte')

diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index b365127a..5c764f97 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -19,20 +19,20 @@
 
 <HeadTitle route={`${data.username}'s Profile'`} path={`/user/${data.username}`} />
 
-{#if userData === null}
-	Could not load user profile for <a
-		href={`https://anilist.co/user/${data.username}`}
-		target="_blank">@{data.username}</a
-	>.
+<div class="card">
+	{#if userData === null}
+		Could not load user profile for <a
+			href={`https://anilist.co/user/${data.username}`}
+			target="_blank">@{data.username}</a
+		>.
 
-	<p />
+		<p />
 
-	Does this user exist?
-{:else if userData === undefined}
-	Loading user ... 50%
-{:else}
-	<div class="user-grid">
-		<p>
+		Does this user exist?
+	{:else if userData === undefined}
+		Loading user ... 50%
+	{:else}
+		<div class="user-grid">
 			<a
 				href={`https://anilist.co/user/${userData.name}`}
 				target="_blank"
@@ -40,24 +40,24 @@
 			>
 				<img src={userData.avatar.large} alt="" width="100vw" />
 			</a>
-		</p>
 
-		<div>
-			<p>
-				<a
-					href={`https://anilist.co/user/${userData.name}`}
-					target="_blank"
-					title={String(userData.id)}>@{userData.name}</a
-				>
-				• <a href={`/user/${userData.name}/badges`}>Badge Wall</a>
-			</p>
+			<div>
+				<p>
+					<a
+						href={`https://anilist.co/user/${userData.name}`}
+						target="_blank"
+						title={String(userData.id)}>@{userData.name}</a
+					>
+					• <a href={`/user/${userData.name}/badges`}>Badge Wall</a>
+				</p>
 
-			This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days of
-			anime and read
-			{estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga.
+				This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days
+				of anime and read
+				{estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga.
+			</div>
 		</div>
-	</div>
-{/if}
+	{/if}
+</div>
 
 <style>
 	.user-grid {
-- 
cgit v1.2.3

